<template>
  <view class="approve-modal">
    <up-modal
      :show="props.show"
      title="确认审核"
      :content="`确定要通过车牌号为 ${props.carPlate} 的审核申请吗？`"
      showCancelButton
      @confirm="handleConfirm"
      @cancel="handleCancel"
    ></up-modal>
  </view>
</template>

<script setup>
import { ref } from 'vue';

// 定义props和emits
const props = defineProps({
  carPlate: {
    type: String,
    default: ''
  },
  show: {
    type: Boolean,
    default: false
  }
});

// 定义事件
const emit = defineEmits(['update:show', 'confirm', 'cancel']);

// 确认按钮点击事件
const handleConfirm = () => {
  emit('confirm');
  emit('update:show', false);
};

// 取消按钮点击事件
const handleCancel = () => {
  emit('cancel');
  emit('update:show', false);
};
</script>

<style scoped>
.approve-modal {
  /* 可以添加自定义样式 */
}
</style>